<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="format-detection" content="telephone=yes" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="${keywords}" />
  <meta name="description" content="${description}" />
  <!-- 360默认极速模式 -->
  <meta name=”renderer” content=”webkit” />
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/border.css" />
  <link rel="stylesheet" href="./css/font/iconfont.css" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./js/swiper/css/swiper.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/swiper-reset.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <title>${tile}</title>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo"><img src="./image/logo.png" alt="" /></div>
      <span class="iconfont icon-caidan"></span>
      <div class="hide" id="navs">
        <div id="cover"></div>
        <div class="navs-content">
          <ul class="nav">
            <li class="nav-item"><a href="/">首页</a></li>
            <li class="nav-item"><a class="arrow" href="#">教育数字化产品与服务</a>
              <ul class="sub-nav">
                <li><a href="/huahan/oem">必过在线OEM平台</a></li>
                <li><a href="/huahan/teachers">全科目数字化课程产品</a></li>
                <li><a href="http://www.e-xiaot.com/" target="_blank">E校通教育与知识数字化工具</a></li>
                <li><a href="/huahan/edu">教务数字化管理系统</a></li>
                <li><a href="/huahan/crm">CRM数字化营销系统</a></li>
                <li><a href="/huahan/student">学员数字化学习服务</a></li>
              </ul>
            </li>
            <li class="nav-item"><a class="arrow" href="#">行业解决方案</a>
              <ul class="sub-nav">
                <li><a href="/huahan/solution?tab=1">职业资格证</a></li>
                <li><a href="/huahan/solution?tab=2">学历教育</a></li>
                <li><a href="/huahan/solution?tab=3">教育机构</a></li>
                <li><a href="/huahan/solution?tab=4">企业培训</a></li>
                <li><a href="/huahan/solution?tab=5">知识付费</a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a class="arrow" href="#">关于华翰</a>
              <ul class="sub-nav">
                <li><a href="/huahan/about">华翰故事</a></li>
                <li><a href="/huahan/brandDynamic?categoryId=1&page=1">品牌动态</a></li>
                <li><a href="/huahan/conncetUs">联系我们</a></li>
              </ul>
            </li>
          </ul>
          <div class="action">
            <a href="http://oem.beegoedu.com/oemv2/login" target="_blank">
              <div class="btn btn-login">登录</div>
            </a>
            <a href="http://oem.beegoedu.com/oemv2/reg" target="_blank">
              <div class="btn btn-try">试用</div>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <!-- <#list bannerList as banner>
          <div class="swiper-slide">
            <a href="<#if banner.linkUrl ?? && banner.linkUrl != '' >${banner.linkUrl} <#else>javascript:void(0) </#if>"><img src="${banner.imageUrl}"alt=""style="width: 100%"/></a></div></#list>-->
        <div class="swiper-slide">
          <a href="">
            <img src="./image/banner1.png" alt="" style="width: 100%;height: auto;" />
          </a>
        </div>
        <div class="swiper-slide">
          <a href="">
            <img src="./image/banner2.png" alt="" style="width: 100%;height: auto;" />
          </a>
        </div>
        <div class="swiper-slide">
          <a href="">
            <img src="./image/banner3.png" alt="" style="width: 100%;height: auto;" />
          </a>
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
      <!-- 如果需要导航按钮 -->
      <!-- <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>-->
    </div>
  </header>
  <div class="product-container">
    <div class="title-top flex-center">
      <div>教育数字化产品与服务体系</div>
    </div>
    <div class="center ">
      <div class="product-item">
        <img class="product-img wow bounceInDown" data-wow-duration="1s" data-wow-offset="100" src="./image/icon_1.png"
          alt="oem" />
        <div class="name wow bounceInDown" data-wow-offset="100" data-wow-duration="1s" data-wow-delay="0.1s">必过在线OEM平台
        </div>
        <div class="description wow bounceInDown" data-wow-offset="100" data-wow-duration="1s" data-wow-delay="0.15s">
          在线教育OEM平台，提供网校搭建+课程内容的数字化完整解决方案。 </div>
      </div>
      <div class="product-item" data-wow-offset="100" data-wow-duration="1s" data-wow-delay="0.2s">
        <img class="product-img wow bounceInDown" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="100"
          src="./image/icon_2.png" alt="oem" />
        <div class="name wow bounceInDown" data-wow-duration="1s" data-wow-delay="0.25s">教务数字化管理系统</div>
        <div class="description wow bounceInDown" data-wow-duration="1s" data-wow-delay="0.3s">
          为机构建立自动化的教务管理体系，管理更省心，效率更高效。 </div>
      </div>
      <div class="product-item">
        <img class="product-img wow bounceInUp" data-wow-offset="100" data-wow-delay="0.3s" src="./image/icon_3.png"
          alt="oem" />
        <div class="name wow bounceInUp" data-wow-offset="100" data-wow-delay="0.35s">CRM数字化营销系统</div>
        <div class="description wow bounceInUp" data-wow-offset="100" data-wow-delay="0.4s">
          提供丰富的数字化营销方式，玩转招生推广，打造品牌核心业务能力 </div>
      </div>
      <div class="product-item">
        <img class="product-img wow bounceInUp" data-wow-offset="100" data-wow-delay="0.4s" src="./image/icon_4.png"
          alt="oem" />
        <div class="name wow bounceInUp" data-wow-offset="100" data-wow-delay="0.45s">E校通</div>
        <div class="description wow bounceInUp" data-wow-offset="100" data-wow-delay="0.5s">
          教育与知识数字化服务工具，为教育培训机构、企业内训、知识付费构建在线教育的完整商业能力 </div>
      </div>
      <div class="product-item "><img class="product-img wow bounceInUp" src="./image/icon_5.png" alt="oem"
          data-wow-offset="100" data-wow-delay="0.5s" />
        <div class="name wow bounceInUp" data-wow-offset="100" data-wow-delay="0.55s">商业化落地服务解决方案</div>
        <div class="description wow bounceInUp" data-wow-offset="100" data-wow-delay="0.6s">
          全国20+城市营销服务体系，定制化解决方案，7*12h极速响应机制，帮助每一位用户平稳、快速地实现项目商业化落地。 </div>
      </div>
    </div>
  </div>
  <div class="flow-container">
    <div class="title-top flex-center wow fadeInUp" data-wow-duration="1s">数字化构建教育培训的全过程闭环生态，每一个环节尽在掌握 </div>
    <div class="content">
      <div class="flow-item"><img class="flow-img wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s"
          src="./image/icon-9.png" alt="课程教学" />
        <div class="name wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.25s">课程教学</div>
        <div class="description wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">课程直播、录播上传、一键OEM、教学互动等场景化轻松教学
        </div>
      </div>
    </div>
    <div class="content">
      <!-- <img class="center-img wow backInUp" data-wow-duration="0.8s" src="./image/icon-10.png" alt="中心图" />-->
      <div class="flow-item"><img class="flow-img wow fadeInUp70" data-wow-duration="1s" src="./image/icon-1.png"
          alt="网站搭建" />
        <div class="name wow fadeInUp70" data-wow-duration="1s" data-wow-delay="0.1s">网站搭建</div>
        <div class="description wow fadeInUp70" data-wow-duration="1s" data-wow-delay="0.15s">
          搭建专属的网校平台，管理课程/知识商城，零门槛快速启动在线教育业务 </div>
      </div>
      <div class="flow-item"><img class="flow-img wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.2s"
          src="./image/icon-2.png" alt="推广招生" />
        <div class="name wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.25s">推广招生</div>
        <div class="description wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.3s">
          拼团秒杀、优惠折扣、直播引流、层级分销等丰富高效的推广玩法，获取精准流量 </div>
      </div>
      <div class="flow-item"><img class="flow-img wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s"
          src="./image/icon-3.png" alt="会员营销" />
        <div class="name wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.35s">会员营销</div>
        <div class="description wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s">会员积分、邀请码等全面的会员营销体系，打造私域化用户运营
        </div>
      </div>
      <div class="flow-item"><img class="flow-img wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s"
          src="./image/icon-4.png" alt="线索跟进" />
        <div class="name wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.45s">线索跟进</div>
        <div class="description wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">访客计划、跟进记录、线索分析等CRM数据化，实现精细化管理
        </div>
      </div>
      <div class="flow-item"><img class="flow-img wow fadeInUp70" data-wow-duration="1s" src="./image/icon-5.png"
          alt="数据报表" />
        <div class="name wow fadeInUp70" data-wow-duration="1s" data-wow-delay="0.1s">数据报表</div>
        <div class="description wow fadeInUp70" data-wow-duration="1s" data-wow-delay="0.15s">
          自动生成各环节的数据统计及趋势一览，智能驱动形成高效的运营管理模式 </div>
      </div>
      <div class="flow-item"><img class="flow-img wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.2s"
          src="./image/icon-6.png" alt="财务管理" />
        <div class="name wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.25s">财务管理</div>
        <div class="description wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.3s">自定义收款方式安全快捷，缴费实时到账，统计分析实时更新
        </div>
      </div>
      <div class="flow-item"><img class="flow-img  wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s"
          src="./image/icon-7.png" alt="教务管理" />
        <div class="name  wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.35s">教务管理</div>
        <div class="description  wow fadeInUp">轻松排班排课，一键查看签到打卡，从报名到考试助力贴心服务学员 </div>
      </div>
      <div class="flow-item"><img class="flow-img wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s"
          src="./image/icon-8.png" alt="学习服务" />
        <div class="name wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.45s">学习服务</div>
        <div class="description wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
          学员“PC+移动+微信”等多终端随时随地学习，在线答疑、题库测评等增强学习实效 </div>
      </div>
    </div>
  </div>
  <div class="scene-container">
    <div class="title-top flex-center wow fadeInUp" data-wow-duration="1s">
      <div>数字化解决方案广泛应用于各类教育培训场景，全面高效赋能。</div>
    </div>
    <div class="content">
      <div class="scene-item flex">
        <div class="left wow fadeInUp50" data-wow-duration="1s">
          <img src="./image/scene-1.png" alt="教育培训机构" />
        </div>
        <div class="right">
          <div class="title wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.3s">教育培训机构</div>
          <div class="description wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.4s">
            免费搭建网校平台，提供直播内容或课程内容，OEM模式助力机构零门槛快速布局在线教育业务，抢占优势机会。 </div>
        </div>
      </div>
      <div class="scene-item flex">
        <div class="left wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.35s"><img src="./image/scene-2.png"
            alt="知识付费" /></div>
        <div class="right">
          <div class="title wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.8s">知识付费</div>
          <div class="description wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.8s">
            为机构、KOL、自媒体等群体提供轻捷的知识与教育数字化解决方案，构建“公域-私域”的流量运营体系，塑造影响力品牌。 </div>
        </div>
      </div>
      <div class="scene-item flex">
        <div class="left wow fadeInUp50" data-wow-duration="1s"><img src="./image/scene-3.png" alt="企业内部培训" /></div>
        <div class="right">
          <div class="title wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.3s">企业内部培训</div>
          <div class="description wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.4s">
            建立企业培训，搭建企业网校平台，为企业培训、经销/终端培训提供更低成本的培训模式，全面的内容支持助推企业增强培训实效，提升团队业务水平。 </div>
        </div>
      </div>
      <div class="scene-item flex">
        <div class="left wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.35s"><img src="./image/scene-4.png"
            alt="K12教育" /></div>
        <div class="right">
          <div class="title wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.8s">K12教育</div>
          <div class="description wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.8s">
            向K12教育培训机构提供教育数字化服务工具，适应K12阶段教学特点，满足教师、学生的在线教学需求。 </div>
        </div>
      </div>
    </div>
  </div>
  <div class="information-container">
    <div class="topbox">
      <div class="info-item m28">
        <div class="top"><span>8</span>年</div>
        <div class="bottom"><span>技术沉淀</span></div>
      </div>
      <div class="info-item m12">
        <div class="top"><span>17</span>年</div>
        <div class="bottom"><span>教研经验</span></div>
      </div>
      <div class="info-item m12">
        <div class="top"><span>20</span>+</div>
        <div class="bottom"><span>城市营销服务中心</span></div>
      </div>
      <div class="info-item m12">
        <div class="top"><span>10</span>+</div>
        <div class="bottom"><span>自主知识产权资质</span></div>
      </div>
    </div>
    <div class="bottombox">
      <div class="info-item m28">
        <div class="top"><span>1500</span>+</div>
        <div class="bottom"><span>热门课程</span></div>
      </div>
      <div class="info-item m12">
        <div class="top"><span>3000</span>+</div>
        <div class="bottom"><span>业内资深名师</span></div>
      </div>
      <div class="info-item m12">
        <div class="top"><span>3000</span>+</div>
        <div class="bottom"><span>机构客户选择</span></div>
      </div>
      <div class="info-item m12">
        <div class="top"><span>500</span>万+</div>
        <div class="bottom"><span>间接服务学员</span></div>
      </div>
    </div>

  </div>
  <div class="cooperation-container">
    <div class="title"><span>不负信赖，缔造标杆</span></div>
    <ul>
      <li>
        <div class="imgList"><img src="./image/1.png" alt="" height="118" /><img src="./image/1.png" alt=""
            height="118" /></div>
      </li>
      <li>
        <div class="imgList">
          <img src="./image/2.png" alt="" height="118" /><img src="./image/2.png" alt="" height="118" />
        </div>
      </li>
      <li>
        <div class="imgList">
          <img src="./image/3.png" alt="" height="118" />
          <img src="./image/3.png" alt="" height="118" />
        </div>
      </li>
      <li>
        <div class="imgList">
          <img src="./image/4.png" alt="" height="118" />
          <img src="./image/4.png" alt="" height="118" />
        </div>
      </li>
    </ul>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wxcode"><span>官方服务号</span><img src="./image/service.png" alt="华翰科技官方服务号"></div>
        <div class="wxcode"><span>官方订阅号</span><img src="./image//subscription.png" alt="华翰科技官方订阅号"></div>
      </div>
      <div class="phone">
        <span>全国免费咨询服务热线</span>
        <div class="number">400-001-5920</div>
      </div>
      <div class="footer-bottom">
        <div class="address">总部地址：<div>广东省广州市高新技术开发区科汇金谷四街11号9层</div>
        </div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、温州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <div class="hr"></div>
        <ul class="copyright">
          <li><a href="/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
              44011202000209号</a></li>
          <li><a href="/cert-e.html" target="_blank">出版物经营许可证</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. <div>广州华翰教育科技有限公司 版权所有</div>
    </div>
  </footer>
  <div class="fixed-container">
    <div class="fixed-wrapper">
      <div class="fixed-hover fixed-item" id="zhuanshu">
        <span class="col">专属客服</span>
      </div>
      <div class="fixed-hover fixed-item show-phone">
        <a href="tel:400-001-5920">
          <div class="img"></div>
          <span>咨询电话</span>
        </a>
      </div>
      <div class="fixed-hover fixed-item" id="consult">
        <div class="img"></div>
        <span>在线咨询</span>
      </div>
      <div class="fixed-hover fixed-item">
        <a class="flex-column-center" href="/huahan/zixun" target="_blank">
          <div class="img"></div>
          <span>获取方案</span>
        </a>
      </div>
    </div>
  </div>
</body>
<script src="./js/swiper/js/swiper.min.js"></script>
<script src="./js/wow.js/dist/wow.min2.js"></script>
<script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script src="./js/fixed.js"></script>
<script src="./js/header.js"></script>
<script type="text/javascript">
  new WOW().init();
  $(function () {


      //  动态计数

      const target = [8, 17, 20, 10, 1500, 3000, 3000, 500];
      const startVal = [0, 0, 0, 0, 0, 0, 0, 0];

      function count(target, startVal, duration) {
        const wheelTime = 50;
        for (let i = 0; i < startVal.length; i++) {
          let step = target[i] / (duration / wheelTime);
          let timer = setInterval(() => {
              let result = startVal[i] + step;
              if (result >= target[i]) {
                clearInterval(timer)
              }

              startVal[i] = result;
              $('.info-item .top span').eq(i).text(result.toFixed(0))
            }

            , 50)
        }
      }

      function update() {
        const targetTop = $('.scene-container').offset().top;
        const windowTop = $(window).scrollTop();
        if (windowTop >= targetTop) {
          count(target, startVal, 2000);
          window.removeEventListener('scroll', update)
        }
      }

      window.addEventListener('scroll', update);
      const mySwiper = new Swiper('.swiper-container', {
          autoplay: {
            delay: 3000,
            disableOnInteraction: false,
          }

          ,
          loop: true, // 循环模式选项

          // 如果需要分页器
          pagination: {
            el: '.swiper-pagination',
            clickable: true,
          }

          ,
          // 如果需要前进后退按钮
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          }

          ,

          // 如果需要滚动条
          scrollbar: {
            el: '.swiper-scrollbar',
          }

          ,
        }

      )
    }

  )
</script>

</html>